<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>小米</title>
        <link rel="icon" href="https://s01.mifile.cn/favicon.ico">

        <style>
            body{
                margin: 0;
                padding: 0;
                background-color: #f4f4f4;
            }
            .wrapper{
                width: 100%;
                height: 100%;
                position: absolute;
            }
            .home{
                width: 1240px;
                height: 628px;
                margin: 50px auto;
            }
            .span1{
                width: 234px;
                float: left;
                margin-left: 14px;

            }
            li {
                display: list-item;
                text-align: -webkit-match-parent;
            }
            div{
                display: block;
            }
            .brick-promo-list{
                margin: 0 0 -14px -14px;
            }
            .brick-item{
                height: 300px;
                position: relative;
                z-index: 1;
                float: left;
                width: 234px;
                margin-left: 14px;
                margin-bottom: 14px;
                background: #fff;
                list-style-type: none;
                transition: 0.5s;
                top:0;
            }
            .brick-item:hover{
                top:-5px;
                box-shadow:0 0 3px 2px #eaeaea;
            }

        </style>
    </head>

    <body>

    <div class="wrapper">
        <div class="home">
            <div class="span1">
                    <li class="brick-item">
                        <a href="https://item.mi.com/9614.html" target="_blank">
                            <img width="234px" height="300px" src="span1.webp" lazy="loaded">
                        </a>
                    </li>
            </div>
        </div>
    </div>


    </body>
</html>